<template> 	     
	<view>
		<view class="processtup">
			<image src="../../static/processtup.png"></image>
		</view>
		<view class="list formcon">
			<view class="list-item">
			  <view class="name"><text>*</text>商户名称：</view>
			  <input type="text" placeholder="请和营业资质名称保持一致" />
			</view>
			<view class="list-item">
			  <view class="name"><text>*</text>经营类目：</view>
			  <view class="chose">
					<view class="category">请选择</view>
					<view class="ico-arrowblk">
						<image src="../../static/ico-arrow.png"></image>
					</view>
			  </view>
			</view>
			<view class="list-item">
			  <view class="name"><text>*</text>联系人：</view>
			  <input type="text" placeholder="请输入联系人姓名" />
			</view>
			<view class="list-item">
			  <view class="name"><text>*</text>联系电话：</view>
			  <view>158888888</view>
			</view>
			<view class="list-item">
			  <view class="name"><text>*</text>所在地区：</view>
			  <view class="chose">
					<view class="category">请选择</view>
					<view class="ico-arrowblk">
						<image src="../../static/ico-arrow.png"></image>
					</view>
			  </view>
			</view>
			<view class="list-item">
			  <view class="name"><text>*</text>详细地址：</view>
			  <input type="text" placeholder="请输入详细地址" />
			</view>
			<view class="list-item-add">
				<view class="name"><text>*</text>资质文件：</view>
				<view class="add-con">
					<view class="left">
						<image src="../../static/add-tup.png"></image>
						<view class="texcent">上传营业资质</view>
					</view>
					<view class="right">
						请上传高清的营业执照，支持JPG，JPEG，PNG格式，大小不超过5M
					</view>
				</view>
			</view>
			<view class="list-item-add">
				<view class="name"><text>*</text>本人身份证：</view>
				<view class="add-con">
					<view class="left">
						<image src="../../static/add-tup.png"></image>
						<view class="texcent">身份证正面</view>
					</view>
					<view class="right">
						请上传高清的身份证正面照，支持JPG，JPEG，PNG格式，大小不超过5M
					</view>
				</view>
				<view class="add-con" style="margin-bottom: 260rpx;">
					<view class="left">
						<image src="../../static/add-tup.png"></image>
						<view class="texcent">身份证反面</view>
					</view>
					<view class="right">
						请上传高清的身份证反面照，支持JPG，JPEG，PNG格式，大小不超过5M
					</view>
				</view>
			</view>
		</view>
		<view class="flex-footer">
			<view class="pact">点击注册即表示同意<text class="blue">《帮派用户服务协议》</text></view>
			<view class="blue-btn">提交</view>
		</view>
	</view>
</template>
<script></script>
<style scoped lang="less">
page {
	background-color: #ffffff !important;
}
.processtup image{
	width: 100%;
	height: 200rpx;
}
.formcon{
	margin-top: 20rpx;
	background: #ffffff;
	padding: 0 30rpx;
}
.list-item{
	border-bottom: 1px solid #eeeeee;
	padding: 30rpx 0;
	font-size: 28rpx;
	display: flex;
	justify-content: left;
}
.list-item .name{
	width: 180rpx;
	color: #0F0F0F;
}
.list-item .name text{
	color: #ff2626;
}
.list-item input{
	font-size: 28rpx;
	width: 486rpx;
} 
.ico-arrowblk{
	
}
.ico-arrowblk image{
	width: 10rpx;
	height: 19rpx;
}
.list-item .chose{
	display: flex;
	justify-content:space-between;
}
.list-item .chose .category{
	width: 490rpx;
}	

.list-item-add{
	border-bottom: 1px solid #eeeeee;
	padding: 30rpx 0;
	font-size: 28rpx;
}
.list-item-add .name{
	width: 240rpx;
	color: #0F0F0F;
}
.list-item-add .name text{
	color: #ff2626;
}
.add-con{
	margin-top: 30rpx;
	overflow: hidden;
}
.add-con .left{
	float: left;
	text-align:center;
}
.add-con .left image{
	width: 200rpx;
	height: 200rpx;
}
.add-con .left .texcent{
	text-align: center;
	font-size: 24rpx;
	color: #333333;
}
.add-con .right{
	float: left;
	margin-left: 20rpx;
	font-size: 24rpx;
	color: #999999;
	width: 470rpx;
}

.flex-footer{
	position: fixed;
	bottom: 0;
	margin: 0 auto;
	text-align: center;
	background: #5c9060;
	width: 100%;
}
	
.pact{
	margin-top:30rpx;
	margin-bottom: 30rpx;
	text-align: center;
	font-size: 24rpx;
	color: #999999;
}
.pact text{
	color: #19b0ff;
}
.blue-btn{
	margin: 0 auto;
	margin-bottom: 45rpx;
	width: 690rpx;
	height:90rpx;
	line-height: 90rpx;
	border-radius: 12rpx;
	text-align: center;
	background: #19b0ff;
	color: #ffffff;
	font-size: 32rpx;
}
</style>
